// 添加公告弹出框
<template>
  <div id="exportTableBtn">
    <div title="导出制式表格" class="addbutton-con">
             <!-- v-if="configs.isshown" -->
      <el-button
        v-if= configs.isshown
        @click="exportTable"
        type="primary"
        icon="el-icon-edit-outline"
        circle
      ></el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "exportTableBtn",
  props: {
    configs: {
      type: Object,
      default() {
        return {
          isshown: false,
          subjectId: "",
          model: 0,
          flowFormData: {}
        };
      }
    }
  },
  data() {
    return {};
  },

  methods: {
    exportTable() {
      this.$confirm("是否导出制式表格?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          console.log(this.configs.flowFormData);
          
          this.$api.exportTable
            .getUrl(
              {
                subjectId: this.configs.subjectId,
                model: this.configs.model
              },
              this.configs.flowFormData
            )
            .then(res => {
              if (res.code == 200) {
                this.$message.success("导出成功!");
                window.open(res.data.url);
                // this.listShow = !this.listShow;
                // this.initList();
              }
            })
            .catch(err => {
              this.$message.error("导出失败!!" + err);
            });

          // if (JSON.stringify(this.configs.flowFormData) == "{}") {
          //   this.$api.exportTable
          //     .getUrl({
          //       subjectId: this.configs.subjectId,
          //       model: this.configs.model
          //     })
          //     .then(res => {
          //       if (res.code == 200) {
          //         this.$message.success("导出成功!");
          //         window.open(res.data.url);
          //         // this.listShow = !this.listShow;
          //         // this.initList();
          //       }
          //     })
          //     .catch(err => {
          //       this.$message.error("导出失败!!" + err);
          //     });
          // } else {
          //   this.$api.exportTable
          //     .getUrl(
          //       {
          //         subjectId: this.configs.subjectId,
          //         model: this.configs.model
          //       },
          //       this.configs.flowFormData
          //     )
          //     .then(res => {
          //       if (res.code == 200) {
          //         this.$message.success("导出成功!");
          //         window.open(res.data.url);
          //         // this.listShow = !this.listShow;
          //         // this.initList();
          //       }
          //     })
          //     .catch(err => {
          //       this.$message.error("导出失败!!" + err);
          //     });
          // }
        })
        .catch(() => {
          return;
        });
    }
  },

  created() {
    console.log("exporttable INFO");

    console.log(this.configs);
  },
  watch: {}
};
</script>

<style lang="less">
</style>
